
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="../../style/css/style.css" rel="stylesheet" type="text/css" />
    <script src="../../style/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //发送请求
        $(function () {
            //查询所有的角色
            $.get("../../admin/roles",function (res){
                var  str ="";
                console.log(res.data)
                console.log(res.data.length)
                for (i=0;i<res.data.length;i++){
                    str+="<input type='checkbox' value='"+res.data[i].id+"' name='roleId'/>"+res.data[i].name;
                }
                $("#rolesId").html(str);
            },"json");
        })

        function subform() {
            $.post("../../admin/save",$("#formId").serialize(),function (res) {
                alert(res);
                if (res.code==200){
                    alert("添加成功!!");
                    location.assign("list.html");
                }else{
                    alert("服务器忙碌");
                }
            });
        }
    </script>
</head>

<body>
<form id="formId">
    <div class="formbody">
        <div class="formtitle"><span>基本信息</span></div>
        <ul class="forminfo">
            <li>
                <label>账号</label>
                <input class="dfinput"  name="account" type="text"/>
            </li>
            <li>
                <label>角色</label>
                <span  id="rolesId" ></span>
            </li>
            <li>
                <input name="" type="button" class="btn" value="确认保存" onclick="subform()"/>
            </li>
        </ul>
    </div>
</form>
</body>

</html>
